
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">51806</td>
		    	<td class="value error-col-3 total ko">94.825 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">i.n.c.ConnectTimeoutException: connection timed out: localhost/127.0.0.1:9999<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">2741</td>
		    	<td class="value error-col-3 total ko">5.017 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">2</span></td>
		    	<td class="value error-col-2 total ko">77</td>
		    	<td class="value error-col-3 total ko">0.141 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">Request timeout to localhost/127.0.0.1:9999 after 60000 ms<span class="value" style="display:none">3</span></td>
		    	<td class="value error-col-2 total ko">9</td>
		    	<td class="value error-col-3 total ko">0.016 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['300', '900', '1500', '2100', '2700', '3300', '3900', '4500', '5100', '5700', '6300', '6900', '7500', '8100', '8700', '9300', '9900', '10500', '11100', '11700', '12300', '12900', '13500', '14100', '14700', '15300', '15900', '16500', '17100', '17700', '18300', '18900', '19500', '20100', '20700', '21300', '21900', '22500', '23100', '23700', '24300', '24900', '25500', '26100', '26700', '27300', '27900', '28500', '29100', '29700', '30301', '30901', '31501', '32101', '32701', '33301', '33901', '34501', '35101', '35701', '36301', '36901', '37501', '38101', '38701', '39301', '39901', '40501', '41101', '41701', '42301', '42901', '43501', '44101', '44701', '45301', '45901', '46501', '47101', '47701', '48301', '48901', '49501', '50101', '50701', '51301', '51901', '52501', '53101', '53701', '54301', '54901', '55501', '56101', '56701', '57301', '57901', '58501', '59101', '59701'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  61.7,1.08,0.07,0.18,0.52,0.75,0.38,0.73,1.44,1.89,1.1,0.79,0.18,0.76,1.38,1.87,7.72,3.61,3.31,2.88,1.84,1.58,1.28,0.3,0.63,0.36,0.31,0.13,0.35,0.32,0.12,0.09,0.11,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.02,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692816501,null],[1692816502,null],[1692816503,null],[1692816504,null],[1692816505,null],[1692816506,null],[1692816507,null],[1692816508,null],[1692816509,null],[1692816510,null],[1692816511,null],[1692816512,null],[1692816513,null],[1692816514,null],[1692816515,null],[1692816516,null],[1692816517,null],[1692816518,null],[1692816519,null],[1692816520,null],[1692816521,null],[1692816522,null],[1692816523,null],[1692816524,null],[1692816525,null],[1692816526,null],[1692816527,null],[1692816528,null],[1692816529,null],[1692816530,null],[1692816531,null],[1692816532,null],[1692816533,null],[1692816534,null],[1692816535,null],[1692816536,null],[1692816537,null],[1692816538,null],[1692816539,null],[1692816540,null],[1692816541,null],[1692816542,null],[1692816543,null],[1692816544,null],[1692816545,null],[1692816546,null],[1692816547,null],[1692816548,null],[1692816549,null],[1692816550,null],[1692816551,null],[1692816552,null],[1692816553,null],[1692816554,null],[1692816555,null],[1692816556,null],[1692816557,null],[1692816558,null],[1692816559,null],[1692816560,null],[1692816561,null],[1692816562,null],[1692816563,null],[1692816564,null],[1692816565,null],[1692816566,null],[1692816567,null],[1692816568,null],[1692816569,null],[1692816570,null],[1692816571,null],[1692816572,null],[1692816573,null],[1692816574,null],[1692816575,null],[1692816576,null],[1692816577,null],[1692816578,null],[1692816579,null],[1692816580,null],[1692816581,null],[1692816582,null],[1692816583,null],[1692816584,null],[1692816585,null],[1692816586,null],[1692816587,null],[1692816588,null],[1692816589,null],[1692816590,null],[1692816591,null],[1692816592,null],[1692816593,null],[1692816594,null],[1692816595,null],[1692816596,null],[1692816597,null],[1692816598,null],[1692816599,null],[1692816600,null],[1692816601,null],[1692816602,null],[1692816603,null],[1692816604,null],[1692816605,null],[1692816606,null],[1692816607,null],[1692816608,null],[1692816609,null],[1692816610,null],[1692816611,null],[1692816612,null],[1692816613,null],[1692816614,null],[1692816615,null],[1692816616,null],[1692816617,null],[1692816618,null],[1692816619,null],[1692816620,null],[1692816621,null],[1692816622,null],[1692816623,null],[1692816624,null],[1692816625,null],[1692816626,null],[1692816627,null],[1692816628,null],[1692816629,null],[1692816630,null],[1692816631,null],[1692816632,null],[1692816633,null],[1692816634,null],[1692816635,null],[1692816636,null],[1692816637,null],[1692816638,null],[1692816639,null],[1692816640,null],[1692816641,null],[1692816642,null],[1692816643,null],[1692816644,null],[1692816645,null],[1692816646,null],[1692816647,null],[1692816648,null],[1692816649,null],[1692816650,null],[1692816651,null],[1692816652,null],[1692816653,null],[1692816654,null],[1692816655,null],[1692816656,null],[1692816657,null],[1692816658,null],[1692816659,null],[1692816660,null],[1692816661,null],[1692816662,null],[1692816663,null],[1692816664,null],[1692816665,null],[1692816666,null],[1692816667,null],[1692816668,null],[1692816669,null],[1692816670,null],[1692816671,null],[1692816672,null],[1692816673,null],[1692816674,null],[1692816675,null],[1692816676,null],[1692816677,null],[1692816678,null],[1692816679,null],[1692816680,null],[1692816681,null],[1692816682,null],[1692816683,null],[1692816684,null],[1692816685,null],[1692816686,null],[1692816687,null],[1692816688,null],[1692816689,null],[1692816690,null],[1692816691,null],[1692816692,null],[1692816693,null],[1692816694,null],[1692816695,null],[1692816696,null],[1692816697,null],[1692816698,null],[1692816699,null],[1692816700,null],[1692816701,null],[1692816702,null],[1692816703,null],[1692816704,null],[1692816705,null],[1692816706,null],[1692816707,null],[1692816708,null],[1692816709,null],[1692816710,null],[1692816711,null],[1692816712,null],[1692816713,null],[1692816714,null],[1692816715,null],[1692816716,null],[1692816717,null],[1692816718,null],[1692816719,null],[1692816720,null],[1692816721,null],[1692816722,null],[1692816723,null],[1692816724,null],[1692816725,null],[1692816726,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692816501,[2,0,2]],[1692816502,[2,0,2]],[1692816503,[2,0,2]],[1692816504,[2,0,2]],[1692816505,[2,0,2]],[1692816506,[2,0,2]],[1692816507,[2,0,2]],[1692816508,[2,0,2]],[1692816509,[2,0,2]],[1692816510,[2,0,2]],[1692816511,[4,0,4]],[1692816512,[5,0,5]],[1692816513,[5,0,5]],[1692816514,[3,0,3]],[1692816515,[3,0,3]],[1692816516,[5,0,5]],[1692816517,[4,0,4]],[1692816518,[5,0,5]],[1692816519,[3,0,3]],[1692816520,[4,0,4]],[1692816521,[7,0,7]],[1692816522,[6,0,6]],[1692816523,[7,0,7]],[1692816524,[7,0,7]],[1692816525,[2,0,2]],[1692816526,[7,0,7]],[1692816527,[9,0,9]],[1692816528,[13,0,13]],[1692816529,[16,0,16]],[1692816530,[20,0,20]],[1692816531,[22,0,22]],[1692816532,[26,0,26]],[1692816533,[29,0,29]],[1692816534,[33,0,33]],[1692816535,[36,0,36]],[1692816536,[39,0,39]],[1692816537,[42,0,42]],[1692816538,[46,0,46]],[1692816539,[49,0,49]],[1692816540,[52,0,52]],[1692816541,[56,0,56]],[1692816542,[59,0,59]],[1692816543,[61,0,61]],[1692816544,[66,0,66]],[1692816545,[70,0,70]],[1692816546,[72,0,72]],[1692816547,[75,0,75]],[1692816548,[78,0,78]],[1692816549,[83,0,83]],[1692816550,[85,0,85]],[1692816551,[89,0,89]],[1692816552,[91,0,91]],[1692816553,[96,0,96]],[1692816554,[98,0,98]],[1692816555,[102,0,102]],[1692816556,[106,0,106]],[1692816557,[108,0,108]],[1692816558,[111,0,111]],[1692816559,[115,0,115]],[1692816560,[119,0,119]],[1692816561,[122,0,122]],[1692816562,[124,0,124]],[1692816563,[128,0,128]],[1692816564,[132,0,132]],[1692816565,[135,0,135]],[1692816566,[138,0,138]],[1692816567,[141,0,141]],[1692816568,[145,0,145]],[1692816569,[148,0,148]],[1692816570,[152,0,152]],[1692816571,[154,0,154]],[1692816572,[158,0,158]],[1692816573,[161,0,161]],[1692816574,[164,0,164]],[1692816575,[169,0,169]],[1692816576,[171,0,171]],[1692816577,[174,0,174]],[1692816578,[178,0,178]],[1692816579,[181,0,181]],[1692816580,[184,0,184]],[1692816581,[188,0,188]],[1692816582,[191,0,191]],[1692816583,[194,0,194]],[1692816584,[198,0,198]],[1692816585,[201,0,201]],[1692816586,[204,0,204]],[1692816587,[207,0,207]],[1692816588,[211,0,211]],[1692816589,[214,0,214]],[1692816590,[217,0,217]],[1692816591,[221,0,221]],[1692816592,[223,0,223]],[1692816593,[228,0,228]],[1692816594,[230,0,230]],[1692816595,[234,0,234]],[1692816596,[237,0,237]],[1692816597,[241,0,241]],[1692816598,[243,0,243]],[1692816599,[247,0,247]],[1692816600,[251,0,251]],[1692816601,[254,0,254]],[1692816602,[256,0,256]],[1692816603,[260,0,260]],[1692816604,[264,0,264]],[1692816605,[267,0,267]],[1692816606,[270,0,270]],[1692816607,[273,0,273]],[1692816608,[276,0,276]],[1692816609,[281,0,281]],[1692816610,[284,0,284]],[1692816611,[286,0,286]],[1692816612,[290,0,290]],[1692816613,[293,0,293]],[1692816614,[297,0,297]],[1692816615,[299,0,299]],[1692816616,[303,0,303]],[1692816617,[307,0,307]],[1692816618,[310,0,310]],[1692816619,[313,0,313]],[1692816620,[316,0,316]],[1692816621,[320,0,320]],[1692816622,[322,0,322]],[1692816623,[327,0,327]],[1692816624,[329,0,329]],[1692816625,[333,0,333]],[1692816626,[336,0,336]],[1692816627,[340,0,340]],[1692816628,[342,0,342]],[1692816629,[347,0,347]],[1692816630,[349,0,349]],[1692816631,[353,0,353]],[1692816632,[356,0,356]],[1692816633,[359,0,359]],[1692816634,[362,0,362]],[1692816635,[366,0,366]],[1692816636,[369,0,369]],[1692816637,[372,0,372]],[1692816638,[376,0,376]],[1692816639,[379,0,379]],[1692816640,[383,0,383]],[1692816641,[385,0,385]],[1692816642,[389,0,389]],[1692816643,[392,0,392]],[1692816644,[396,0,396]],[1692816645,[399,0,399]],[1692816646,[402,0,402]],[1692816647,[405,0,405]],[1692816648,[409,0,409]],[1692816649,[412,0,412]],[1692816650,[416,0,416]],[1692816651,[418,0,418]],[1692816652,[422,0,422]],[1692816653,[425,0,425]],[1692816654,[429,0,429]],[1692816655,[432,0,432]],[1692816656,[435,0,435]],[1692816657,[438,0,438]],[1692816658,[442,0,442]],[1692816659,[445,0,445]],[1692816660,[448,0,448]],[1692816661,[452,0,452]],[1692816662,[455,0,455]],[1692816663,[458,0,458]],[1692816664,[459,0,459]],[1692816665,[468,0,468]],[1692816666,[468,0,468]],[1692816667,[471,0,471]],[1692816668,[474,0,474]],[1692816669,[478,0,478]],[1692816670,[482,0,482]],[1692816671,[484,0,484]],[1692816672,[488,0,488]],[1692816673,[491,0,491]],[1692816674,[493,0,493]],[1692816675,[500,0,500]],[1692816676,[502,0,502]],[1692816677,[504,0,504]],[1692816678,[507,0,507]],[1692816679,[511,0,511]],[1692816680,[515,0,515]],[1692816681,[518,0,518]],[1692816682,[520,0,520]],[1692816683,[524,0,524]],[1692816684,[528,0,528]],[1692816685,[531,0,531]],[1692816686,[534,0,534]],[1692816687,[537,0,537]],[1692816688,[541,0,541]],[1692816689,[544,0,544]],[1692816690,[548,0,548]],[1692816691,[550,0,550]],[1692816692,[554,0,554]],[1692816693,[557,0,557]],[1692816694,[561,0,561]],[1692816695,[563,0,563]],[1692816696,[568,0,568]],[1692816697,[570,0,570]],[1692816698,[573,0,573]],[1692816699,[578,0,578]],[1692816700,[580,0,580]],[1692816701,[583,0,583]],[1692816702,[588,0,588]],[1692816703,[589,0,589]],[1692816704,[595,0,595]],[1692816705,[595,0,595]],[1692816706,[278,0,278]],[1692816707,[0,0,0]],[1692816708,[0,0,0]],[1692816709,[0,0,0]],[1692816710,[0,0,0]],[1692816711,[0,0,0]],[1692816712,[0,0,0]],[1692816713,[0,0,0]],[1692816714,[0,0,0]],[1692816715,[0,0,0]],[1692816716,[0,0,0]],[1692816717,[0,0,0]],[1692816718,[0,0,0]],[1692816719,[0,0,0]],[1692816720,[0,0,0]],[1692816721,[0,0,0]],[1692816722,[0,0,0]],[1692816723,[0,0,0]],[1692816724,[0,0,0]],[1692816725,[0,0,0]],[1692816726,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692816501,[0,0,0]],[1692816502,[0,0,0]],[1692816503,[0,0,0]],[1692816504,[0,0,0]],[1692816505,[10,0,10]],[1692816506,[2,0,2]],[1692816507,[2,0,2]],[1692816508,[2,0,2]],[1692816509,[2,0,2]],[1692816510,[1,0,1]],[1692816511,[4,0,4]],[1692816512,[3,0,3]],[1692816513,[8,0,8]],[1692816514,[3,0,3]],[1692816515,[3,0,3]],[1692816516,[5,0,5]],[1692816517,[4,0,4]],[1692816518,[5,0,5]],[1692816519,[2,0,2]],[1692816520,[2,0,2]],[1692816521,[7,0,7]],[1692816522,[9,0,9]],[1692816523,[5,0,5]],[1692816524,[7,0,7]],[1692816525,[4,0,4]],[1692816526,[7,0,7]],[1692816527,[9,0,9]],[1692816528,[13,0,13]],[1692816529,[14,0,14]],[1692816530,[20,0,20]],[1692816531,[22,0,22]],[1692816532,[28,0,28]],[1692816533,[29,0,29]],[1692816534,[33,0,33]],[1692816535,[36,0,36]],[1692816536,[39,0,39]],[1692816537,[42,0,42]],[1692816538,[42,0,42]],[1692816539,[49,0,49]],[1692816540,[52,0,52]],[1692816541,[60,0,60]],[1692816542,[59,0,59]],[1692816543,[61,0,61]],[1692816544,[66,0,66]],[1692816545,[70,0,70]],[1692816546,[72,0,72]],[1692816547,[71,0,71]],[1692816548,[78,0,78]],[1692816549,[83,0,83]],[1692816550,[89,0,89]],[1692816551,[89,0,89]],[1692816552,[91,0,91]],[1692816553,[95,0,95]],[1692816554,[99,0,99]],[1692816555,[102,0,102]],[1692816556,[100,0,100]],[1692816557,[108,0,108]],[1692816558,[112,0,112]],[1692816559,[119,0,119]],[1692816560,[120,0,120]],[1692816561,[122,0,122]],[1692816562,[124,0,124]],[1692816563,[128,0,128]],[1692816564,[132,0,132]],[1692816565,[129,0,129]],[1692816566,[138,0,138]],[1692816567,[141,0,141]],[1692816568,[151,0,151]],[1692816569,[148,0,148]],[1692816570,[152,0,152]],[1692816571,[154,0,154]],[1692816572,[157,0,157]],[1692816573,[162,0,162]],[1692816574,[158,0,158]],[1692816575,[169,0,169]],[1692816576,[171,0,171]],[1692816577,[180,0,180]],[1692816578,[177,0,177]],[1692816579,[182,0,182]],[1692816580,[184,0,184]],[1692816581,[187,0,187]],[1692816582,[191,0,191]],[1692816583,[190,0,190]],[1692816584,[197,0,197]],[1692816585,[202,0,202]],[1692816586,[208,0,208]],[1692816587,[208,0,208]],[1692816588,[210,0,210]],[1692816589,[214,0,214]],[1692816590,[217,0,217]],[1692816591,[221,0,221]],[1692816592,[218,0,218]],[1692816593,[227,0,227]],[1692816594,[231,0,231]],[1692816595,[240,0,240]],[1692816596,[237,0,237]],[1692816597,[240,0,240]],[1692816598,[244,0,244]],[1692816599,[247,0,247]],[1692816600,[251,0,251]],[1692816601,[247,0,247]],[1692816602,[255,0,255]],[1692816603,[262,0,262]],[1692816604,[270,0,270]],[1692816605,[267,0,267]],[1692816606,[270,0,270]],[1692816607,[273,0,273]],[1692816608,[276,0,276]],[1692816609,[281,0,281]],[1692816610,[236,0,236]],[1692816611,[325,0,325]],[1692816612,[289,0,289]],[1692816613,[302,0,302]],[1692816614,[294,0,294]],[1692816615,[303,0,303]],[1692816616,[300,0,300]],[1692816617,[309,0,309]],[1692816618,[309,0,309]],[1692816619,[310,0,310]],[1692816620,[314,0,314]],[1692816621,[322,0,322]],[1692816622,[325,0,325]],[1692816623,[329,0,329]],[1692816624,[326,0,326]],[1692816625,[336,0,336]],[1692816626,[329,0,329]],[1692816627,[347,0,347]],[1692816628,[333,0,333]],[1692816629,[348,0,348]],[1692816630,[348,0,348]],[1692816631,[361,0,361]],[1692816632,[354,0,354]],[1692816633,[361,0,361]],[1692816634,[341,0,341]],[1692816635,[388,0,388]],[1692816636,[349,0,349]],[1692816637,[384,0,384]],[1692816638,[344,0,344]],[1692816639,[389,0,389]],[1692816640,[407,0,407]],[1692816641,[391,0,391]],[1692816642,[382,0,382]],[1692816643,[282,0,282]],[1692816644,[506,0,506]],[1692816645,[401,0,401]],[1692816646,[402,0,402]],[1692816647,[395,0,395]],[1692816648,[419,0,419]],[1692816649,[409,0,409]],[1692816650,[423,0,423]],[1692816651,[366,0,366]],[1692816652,[475,0,475]],[1692816653,[353,0,353]],[1692816654,[500,0,500]],[1692816655,[410,0,410]],[1692816656,[452,0,452]],[1692816657,[387,0,387]],[1692816658,[495,0,495]],[1692816659,[318,0,318]],[1692816660,[576,0,576]],[1692816661,[358,0,358]],[1692816662,[544,0,544]],[1692816663,[296,0,296]],[1692816664,[572,0,572]],[1692816665,[314,0,314]],[1692816666,[669,0,669]],[1692816667,[259,0,259]],[1692816668,[627,0,627]],[1692816669,[2,0,2]],[1692816670,[45,0,45]],[1692816671,[70,0,70]],[1692816672,[423,0,423]],[1692816673,[329,0,329]],[1692816674,[62,0,62]],[1692816675,[195,0,195]],[1692816676,[292,0,292]],[1692816677,[200,0,200]],[1692816678,[581,0,581]],[1692816679,[544,0,544]],[1692816680,[335,0,335]],[1692816681,[327,0,327]],[1692816682,[250,0,250]],[1692816683,[373,0,373]],[1692816684,[269,0,269]],[1692816685,[26,0,26]],[1692816686,[89,0,89]],[1692816687,[711,0,711]],[1692816688,[0,0,0]],[1692816689,[140,0,140]],[1692816690,[508,0,508]],[1692816691,[958,0,958]],[1692816692,[111,0,111]],[1692816693,[410,0,410]],[1692816694,[353,0,353]],[1692816695,[294,0,294]],[1692816696,[179,0,179]],[1692816697,[408,0,408]],[1692816698,[764,0,764]],[1692816699,[475,0,475]],[1692816700,[494,0,494]],[1692816701,[852,0,852]],[1692816702,[211,0,211]],[1692816703,[823,0,823]],[1692816704,[122,0,122]],[1692816705,[702,0,702]],[1692816706,[880,0,880]],[1692816707,[537,0,537]],[1692816708,[913,0,913]],[1692816709,[806,0,806]],[1692816710,[459,0,459]],[1692816711,[127,0,127]],[1692816712,[927,0,927]],[1692816713,[417,0,417]],[1692816714,[497,0,497]],[1692816715,[469,0,469]],[1692816716,[493,0,493]],[1692816717,[68,0,68]],[1692816718,[693,0,693]],[1692816719,[12,0,12]],[1692816720,[0,0,0]],[1692816721,[4,0,4]],[1692816722,[0,0,0]],[1692816723,[0,0,0]],[1692816724,[0,0,0]],[1692816725,[0,0,0]],[1692816726,[2,0,2]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 54633.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[6,3464],[6,2595],[6,1522],[6,631],[6,4],[6,6],[6,3],[6,2],[6,3],[6,2444],[6,3],[7,3],[7,3],[7,2752],[8,9],[8,3],[8,2177],[9,1193],[9,3],[9,3],[9,2],[10,3],[11,2],[11,2240],[11,3],[15,7],[21,3],[26,84],[30,2661],[35,10],[37,10],[42,8],[47,3],[50,2],[55,77],[58,4],[62,5],[66,2681],[70,4],[74,3],[79,8],[83,10],[85,8],[91,6],[95,4],[99,3],[102,785],[105,6],[111,2],[115,3],[119,7],[120,3],[128,2],[130,9],[135,6],[139,3],[142,3],[146,7],[150,3],[155,3],[159,3],[162,2],[166,4],[171,2],[175,8],[178,2],[183,2],[187,2],[190,2],[196,2],[198,3],[202,4],[207,7],[210,6],[216,2],[219,2],[222,5],[227,2],[231,1],[234,2],[239,3],[243,2],[247,2],[251,2],[255,2],[259,2],[262,3],[267,2],[270,2],[276,3],[279,2],[282,3],[288,3],[290,1],[295,2],[299,2],[304,1],[305,1],[311,1],[316,3],[319,2],[322,6],[327,3],[332,2],[335,3],[339,4],[342,2],[342,12031],[347,4],[351,2],[356,151],[359,21],[363,12],[367,7],[372,26],[375,7],[379,19],[383,13],[388,59],[390,10],[395,14],[400,18],[402,60],[408,34],[411,9],[416,21],[419,24],[423,135],[427,8],[432,9],[435,11],[439,238],[444,16],[447,16],[451,87],[455,90],[460,54],[463,121],[467,114],[472,414],[477,18],[478,45],[484,3],[487,370],[492,48],[496,51],[499,18],[502,107],[508,16],[512,34],[516,30],[519,189],[524,105],[528,268],[532,214],[535,82],[539,92],[543,212],[548,243],[551,624],[556,432],[560,418],[564,338],[567,733],[568,617],[580,979],[580,680],[584,1103],[587,2891],[591,4001],[596,5914],[600,6504],[603,6540],[608,6067],[610,6016],[618,6805],[622,7413],[622,9501],[628,10232],[631,11715],[637,11404],[640,10599],[643,10685],[648,11102],[652,13519],[656,14965],[660,19098],[664,19237],[667,17610],[672,13814],[677,17982],[680,17626],[684,13651],[688,12792],[692,13815],[696,16901],[701,16959],[703,17259],[707,12448],[713,16383],[716,15572],[719,16444],[725,15707],[728,14858],[734,13813],[734,12392]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
